<template>
    <div>
        <h3 class="title">Message</h3>
        <p>
            <button @click="success">成功</button>
            <button @click="warning">警告</button>
            <button @click="info">消息</button>
            <button @click="error">错误</button>
        </p>
    </div>
</template>

<script>
    import Message from "packages/message";

    export default {
        methods: {
            success() {
                Message.success('恭喜你，这是一条成功消息');
            },
            warning() {
                Message.warning('警告哦，这是一条警告消息');
            },
            info() {
                Message('这是一条消息提示');
            },
            error() {
                Message.error('错了哦，这是一条错误消息');
            }
        }
    };
</script>
